<style type="text/css">
	div#search-results { margin:2px; padding:10px; border:1px solid #CCC; }
	
	div#search-panel { margin:0px auto; width:420px; }
	div#search-box div, ul, li { margin:0px; padding:0px; }
	div#search-box { 
		float:left; 
		padding:5px; 		
		width:385px;		
		font-size:13px; font-weight:bold;
	}
	div#search-box ul { 
		float:left; width:100%;  					
	}
	div#search-box ul li {
		float:left; list-style:none; 
		margin-right:2px; 
		display:inline; 
		padding:5px; 
		border:1px solid #CCC;
		background-color:#EAEAEA;	
	}
	div#search-box ul li a {
		float: left; text-decoration:none;
	}
	div#search-box ul li.active {
		border-top:2px #0FB6FA solid;
		background-color:#FFF;	
		border-bottom:none;	
	}
	div#search-box ul li.active a {
		color: #FF8000;
	}

	div#search-box div#search-all, div#search-box div#search-online, 
	div#search-box div#search-buy, div#search-box div#search-buyers
	{  
		float:left; 		 
		border:1px solid #CCC;
		width:381px;		
	}	
	div#search-box { clear:both; }
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('div#search-box div').hide();
		$('div#search-box div:first').show();
		$('div#search-box ul li:first').addClass('active');
		
		$('div#search-box ul li a').click(function(){ 
			$('div#search-box ul li').removeClass('active');
			$(this).parent().addClass('active'); 
			var currentTab = $(this).attr('href'); 
			$('div#search-box div').hide();
			$(currentTab).show();
			return false;
		});
	});
</script>


			<form name="frmSearchBox" action="index.php?search" method="POST" id="frmSearchBox">
			
				<div id="search-box">
					<ul>
						<li><a href="#search-all">Search All</a></li>
						<li><a href="#search-all">Online Only</a></li>
						<li><a href="#search-all">Buy Local</a></li>
						<?
						if($sellflag!=1)
						{
						?>
						<li><a href="#search-all">Search buyers</a></li>
						<?
						}
						?>
					</ul>
					<br>
					<div id="search-all">
						<table width="100%" border="0" align="center">				
							<tr>
							  <td width="64%" height="24">&nbsp;</td>
							  <td align="center"><input type="text" name="textfield3" size="12"></td>
							 
						   </tr>
							<tr>
								<td rowspan="2" align="center">
									<input name="keyword" size="15" type="text" id="keyword"> &nbsp;			  
									<input type="submit" name="Submit" value="Submit">
								</td>
								<td width="36%" height="24" align="center">
									<input type="text" name="textfield4" size="12">							  </td>
							</tr>
							<tr>
							  <td height="22" align="center"><strong>Price Range</strong></td>
						   </tr>
							<tr>
							  <td height="24">&nbsp;</td>
							  <td align="center">
								<input name="textfield" type="text" size="4"> &nbsp; 
								<input name="textfield2" type="text" size="4">
							 </td>
						   </tr>
					  </table> 
					</div>
					<div id="search-online">
						
					</div>
					<div id="search-buy">
						
					</div>
					<div id="search-buyers">
						
					</div>
				</div>			
			<br>			
			</form>							